Node / ReticulumProjects / MeshChatX.git / files / meshchatx / src / frontend / components / messages / SendMessageButton.vue

Displaying Raw • Download

T8b949e<!-- SPDX-License-Identifier: 0BSD AND MIT -->

Tb4b4b4<Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"relative inline-flex items-stretch rounded-xl shadow-sm"Tb4b4b4>

Tb4b4b4<Tff7b72template Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3compactTa5d6ff"Tb4b4b4>

Tb4b4b4<Tff7b72button

Tb4b4b4:Te6edf3disabledTff7b72=Ta5d6ff"Tff7b72!Te6edf3canSendMessageTa5d6ff"

Te6edf3typeTff7b72=Ta5d6ff"button"

Te6edf3classTff7b72=Ta5d6ff"inline-flex items-center justify-center rounded-xl p-2.5 min-h-[44px] min-w-[44px] text-white transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 touch-manipulation select-none"

Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Tb4b4b4[

Te6edf3canSendMessage

Tff7b72? Ta5d6ff'bg-blue-600 dark:bg-blue-600 hover:bg-blue-700 dark:hover:bg-blue-700 focus-visible:outline-blue-500'

Tff7b72: Ta5d6ff'bg-gray-400 dark:bg-zinc-500 focus-visible:outline-gray-500 cursor-not-allowed'Tb4b4b4,

Tb4b4b4]Ta5d6ff"

Tb4b4b4:Te6edf3titleTff7b72=Ta5d6ff"Te6edf3compactTitleTa5d6ff"

Tb4b4b4@Te6edf3pointerdownTff7b72=Ta5d6ff"Te6edf3onCompactPointerDownTa5d6ff"

Tb4b4b4@Te6edf3pointerupTff7b72=Ta5d6ff"Te6edf3onCompactPointerUpTa5d6ff"

Tb4b4b4@Te6edf3pointercancelTff7b72=Ta5d6ff"Te6edf3onCompactPointerCancelTa5d6ff"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3onCompactClickTa5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72svg

Te6edf3v-ifTff7b72=Ta5d6ff"Tff7b72!Te6edf3isSendingMessageTa5d6ff"

Te6edf3xmlnsTff7b72=Ta5d6ff"http://www.w3.org/2000/svg"

Te6edf3fillTff7b72=Ta5d6ff"none"

Te6edf3viewBoxTff7b72=Ta5d6ff"0 0 24 24"

Te6edf3stroke-widthTff7b72=Ta5d6ff"1.5"

Te6edf3strokeTff7b72=Ta5d6ff"currentColor"

Te6edf3classTff7b72=Ta5d6ff"w-5 h-5"

Tb4b4b4>

Tb4b4b4<Tff7b72path

Te6edf3stroke-linecapTff7b72=Ta5d6ff"round"

Te6edf3stroke-linejoinTff7b72=Ta5d6ff"round"

Te6edf3dTff7b72=Ta5d6ff"M6 12 3.269 3.125A59.769 59.769 0 0 1 21.485 12 59.768 59.768 0 0 1 3.27 20.875L5.999 12Zm0 0h7.5"

Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72svgTb4b4b4>

Tb4b4b4<Tff7b72span Te6edf3v-else Te6edf3classTff7b72=Ta5d6ff"text-xs font-semibold opacity-90"Tb4b4b4>...Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72template Te6edf3v-elseTb4b4b4>

Tb4b4b4<Tff7b72button

Tb4b4b4:Te6edf3disabledTff7b72=Ta5d6ff"Tff7b72!Te6edf3canSendMessageTa5d6ff"

Te6edf3typeTff7b72=Ta5d6ff"button"

Te6edf3classTff7b72=Ta5d6ff"inline-flex items-center gap-2 rounded-l-xl px-4 py-2.5 text-sm font-semibold text-white transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2"

Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Tb4b4b4[

Te6edf3canSendMessage

Tff7b72? Ta5d6ff'bg-blue-600 dark:bg-blue-600 hover:bg-blue-700 dark:hover:bg-blue-700 focus-visible:outline-blue-500'

Tff7b72: Ta5d6ff'bg-gray-400 dark:bg-zinc-500 focus-visible:outline-gray-500 cursor-not-allowed'Tb4b4b4,

Tb4b4b4]Ta5d6ff"

Tb4b4b4:Te6edf3titleTff7b72=Ta5d6ff"Te6edf3isSendingMessage Tff7b72? Te6edf3sendingTooltip Tff7b72: Ta5d6ff''Ta5d6ff"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3sendTa5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72svg

Te6edf3v-ifTff7b72=Ta5d6ff"Tff7b72!Te6edf3isSendingMessageTa5d6ff"

Te6edf3xmlnsTff7b72=Ta5d6ff"http://www.w3.org/2000/svg"

Te6edf3fillTff7b72=Ta5d6ff"none"

Te6edf3viewBoxTff7b72=Ta5d6ff"0 0 24 24"

Te6edf3stroke-widthTff7b72=Ta5d6ff"1.5"

Te6edf3strokeTff7b72=Ta5d6ff"currentColor"

Te6edf3classTff7b72=Ta5d6ff"w-4 h-4"

Tb4b4b4>

Tb4b4b4<Tff7b72path

Te6edf3stroke-linecapTff7b72=Ta5d6ff"round"

Te6edf3stroke-linejoinTff7b72=Ta5d6ff"round"

Te6edf3dTff7b72=Ta5d6ff"M6 12 3.269 3.125A59.769 59.769 0 0 1 21.485 12 59.768 59.768 0 0 1 3.27 20.875L5.999 12Zm0 0h7.5"

Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72svgTb4b4b4>

Tb4b4b4<Tff7b72span Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3isSendingMessage Tff7b72? Ta5d6ff'opacity-60' Tff7b72: Ta5d6ff''Ta5d6ff"Tb4b4b4>

Tb4b4b4<Tff7b72span Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3deliveryMethod Tff7b72=== Ta5d6ff'direct'Ta5d6ff"Tb4b4b4>Send (Direct)Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>

Tb4b4b4<Tff7b72span Te6edf3v-else-ifTff7b72=Ta5d6ff"Te6edf3deliveryMethod Tff7b72=== Ta5d6ff'opportunistic'Ta5d6ff"Tb4b4b4>Send (Opportunistic)Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>

Tb4b4b4<Tff7b72span Te6edf3v-else-ifTff7b72=Ta5d6ff"Te6edf3deliveryMethod Tff7b72=== Ta5d6ff'propagated'Ta5d6ff"Tb4b4b4>Send (Propagated)Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>

Tb4b4b4<Tff7b72span Te6edf3v-elseTb4b4b4>SendTb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"relative self-stretch"Tb4b4b4>

Tb4b4b4<Tff7b72button

Tb4b4b4:Te6edf3disabledTff7b72=Ta5d6ff"Tff7b72!Te6edf3canSendMessageTa5d6ff"

Te6edf3typeTff7b72=Ta5d6ff"button"

Te6edf3classTff7b72=Ta5d6ff"border-l relative inline-flex items-center justify-center rounded-r-xl px-2.5 h-full text-white transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2"

Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Tb4b4b4[

Te6edf3canSendMessage

Tff7b72? Ta5d6ff'bg-blue-600 dark:bg-blue-600 hover:bg-blue-700 dark:hover:bg-blue-700 focus-visible:outline-blue-500 border-blue-700 dark:border-blue-800'

Tff7b72: Ta5d6ff'bg-gray-400 dark:bg-zinc-500 focus-visible:outline-gray-500 border-gray-500 dark:border-zinc-600 cursor-not-allowed'Tb4b4b4,

Tb4b4b4]Ta5d6ff"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3showMenuTa5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72svg Te6edf3classTff7b72=Ta5d6ff"h-4 w-4" Te6edf3viewBoxTff7b72=Ta5d6ff"0 0 20 20" Te6edf3fillTff7b72=Ta5d6ff"currentColor" Te6edf3aria-hiddenTff7b72=Ta5d6ff"true"Tb4b4b4>

Tb4b4b4<Tff7b72path

Te6edf3fill-ruleTff7b72=Ta5d6ff"evenodd"

Te6edf3dTff7b72=Ta5d6ff"M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z"

Te6edf3clip-ruleTff7b72=Ta5d6ff"evenodd"

Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72svgTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72Transition

Te6edf3enter-active-classTff7b72=Ta5d6ff"transition ease-out duration-100"

Te6edf3enter-from-classTff7b72=Ta5d6ff"transform opacity-0 scale-95"

Te6edf3enter-to-classTff7b72=Ta5d6ff"transform opacity-100 scale-100"

Te6edf3leave-active-classTff7b72=Ta5d6ff"transition ease-in duration-75"

Te6edf3leave-from-classTff7b72=Ta5d6ff"transform opacity-100 scale-100"

Te6edf3leave-to-classTff7b72=Ta5d6ff"transform opacity-0 scale-95"

Tb4b4b4>

Tb4b4b4<Tff7b72div

Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3isShowingMenuTa5d6ff"

Te6edf3v-click-outsideTff7b72=Ta5d6ff"Te6edf3hideMenuTa5d6ff"

Te6edf3classTff7b72=Ta5d6ff"absolute bottom-full right-0 mb-1 z-10 rounded-xl bg-white dark:bg-zinc-900 shadow-lg ring-1 ring-gray-200 dark:ring-zinc-800 focus:outline-none overflow-hidden min-w-[200px]"

Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"py-1"Tb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3typeTff7b72=Ta5d6ff"button"

Te6edf3classTff7b72=Ta5d6ff"w-full block text-left px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-zinc-800 whitespace-nowrap border-b border-gray-100 dark:border-zinc-800"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3setDeliveryMethodTb4b4b4(Tff7b72nullTb4b4b4)Ta5d6ff"

Tb4b4b4>

Send Automatically

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3typeTff7b72=Ta5d6ff"button"

Te6edf3classTff7b72=Ta5d6ff"w-full block text-left px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-zinc-800 whitespace-nowrap"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3setDeliveryMethodTb4b4b4(Ta5d6ff'direct'Tb4b4b4)Ta5d6ff"

Tb4b4b4>

Send over Direct Link

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3typeTff7b72=Ta5d6ff"button"

Te6edf3classTff7b72=Ta5d6ff"w-full block text-left px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-zinc-800 whitespace-nowrap"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3setDeliveryMethodTb4b4b4(Ta5d6ff'opportunistic'Tb4b4b4)Ta5d6ff"

Tb4b4b4>

Send Opportunistically

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3typeTff7b72=Ta5d6ff"button"

Te6edf3classTff7b72=Ta5d6ff"w-full block text-left px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-zinc-800 whitespace-nowrap"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3setDeliveryMethodTb4b4b4(Ta5d6ff'propagated'Tb4b4b4)Ta5d6ff"

Tb4b4b4>

Send to Propagation Node

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72TransitionTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72scriptTb4b4b4>

Tff7b72export Tff7b72default Tb4b4b4{

Te6edf3nameTff7b72: Ta5d6ff"SendMessageButton"Tb4b4b4,

Te6edf3propsTff7b72: Tb4b4b4{

Te6edf3deliveryMethodTff7b72: Tb4b4b4{

Te6edf3requiredTff7b72: Tff7b72trueTb4b4b4,

Te6edf3validatorTff7b72: Tb4b4b4(Te6edf3valueTb4b4b4) Tb4b4b4=> Te6edf3value Tff7b72=== Tff7b72null Tff7b72|| Tff7b72typeof Te6edf3value Tff7b72=== Ta5d6ff"string"Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3canSendMessageTff7b72: Tffa657BooleanTb4b4b4,

Te6edf3isSendingMessageTff7b72: Tffa657BooleanTb4b4b4,

Te6edf3compactTff7b72: Tffa657BooleanTb4b4b4,

Te6edf3sendingTooltipTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657StringTb4b4b4,

Tff7b72defaultTff7b72:

Ta5d6ff"Resolving route to peer (finding path). This can take a while on first contact or after links change. Paths are remembered until they expire."Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3emitsTff7b72: Tb4b4b4[Ta5d6ff"delivery-method-changed"Tb4b4b4, Ta5d6ff"send"Tb4b4b4]Tb4b4b4,

Te6edf3dataTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72return Tb4b4b4{

Te6edf3isShowingMenuTff7b72: Tff7b72falseTb4b4b4,

Te6edf3compactLongPressTimerTff7b72: Tff7b72nullTb4b4b4,

Te6edf3compactTapArmedTff7b72: Tff7b72falseTb4b4b4,

Tb4b4b4}Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3computedTff7b72: Tb4b4b4{

Te6edf3compactTitleTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72if Tb4b4b4(Tff7b72thisTb4b4b4.Te6edf3isSendingMessageTb4b4b4) Tb4b4b4{

Tff7b72return Tff7b72thisTb4b4b4.Te6edf3sendingTooltipTb4b4b4;

Tb4b4b4}

Tff7b72return Ta5d6ff"Send (hold for delivery options)"Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3beforeUnmountTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3clearCompactLongPressTimerTb4b4b4(Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3methodsTff7b72: Tb4b4b4{

Te6edf3clearCompactLongPressTimerTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72if Tb4b4b4(Tff7b72thisTb4b4b4.Te6edf3compactLongPressTimer Tff7b72!= Tff7b72nullTb4b4b4) Tb4b4b4{

Te6edf3clearTimeoutTb4b4b4(Tff7b72thisTb4b4b4.Te6edf3compactLongPressTimerTb4b4b4)Tb4b4b4;

Tff7b72thisTb4b4b4.Te6edf3compactLongPressTimer Tff7b72= Tff7b72nullTb4b4b4;

Tb4b4b4}

Tb4b4b4}Tb4b4b4,

Te6edf3onCompactPointerDownTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72if Tb4b4b4(Tff7b72!Tff7b72thisTb4b4b4.Te6edf3compact Tff7b72|| Tff7b72!Tff7b72thisTb4b4b4.Te6edf3canSendMessageTb4b4b4) Tb4b4b4{

Tff7b72returnTb4b4b4;

Tb4b4b4}

Tff7b72thisTb4b4b4.Te6edf3compactTapArmed Tff7b72= Tff7b72trueTb4b4b4;

Tff7b72thisTb4b4b4.Te6edf3clearCompactLongPressTimerTb4b4b4(Tb4b4b4)Tb4b4b4;

Tff7b72thisTb4b4b4.Te6edf3compactLongPressTimer Tff7b72= Tffa657windowTb4b4b4.Te6edf3setTimeoutTb4b4b4(Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3compactLongPressTimer Tff7b72= Tff7b72nullTb4b4b4;

Tff7b72thisTb4b4b4.Te6edf3compactTapArmed Tff7b72= Tff7b72falseTb4b4b4;

Tff7b72thisTb4b4b4.Te6edf3showMenuTb4b4b4(Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4, T79c0ff500Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3onCompactPointerUpTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72if Tb4b4b4(Tff7b72!Tff7b72thisTb4b4b4.Te6edf3compactTb4b4b4) Tb4b4b4{

Tff7b72returnTb4b4b4;

Tb4b4b4}

Tff7b72thisTb4b4b4.Te6edf3clearCompactLongPressTimerTb4b4b4(Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3onCompactPointerCancelTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72if Tb4b4b4(Tff7b72!Tff7b72thisTb4b4b4.Te6edf3compactTb4b4b4) Tb4b4b4{

Tff7b72returnTb4b4b4;

Tb4b4b4}

Tff7b72thisTb4b4b4.Te6edf3clearCompactLongPressTimerTb4b4b4(Tb4b4b4)Tb4b4b4;

Tff7b72thisTb4b4b4.Te6edf3compactTapArmed Tff7b72= Tff7b72falseTb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3onCompactClickTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72if Tb4b4b4(Tff7b72!Tff7b72thisTb4b4b4.Te6edf3compactTb4b4b4) Tb4b4b4{

Tff7b72returnTb4b4b4;

Tb4b4b4}

Tff7b72if Tb4b4b4(Tff7b72!Tff7b72thisTb4b4b4.Te6edf3compactTapArmedTb4b4b4) Tb4b4b4{

Tff7b72returnTb4b4b4;

Tb4b4b4}

Tff7b72thisTb4b4b4.Te6edf3compactTapArmed Tff7b72= Tff7b72falseTb4b4b4;

Tff7b72thisTb4b4b4.Te6edf3sendTb4b4b4(Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3showMenuTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3isShowingMenu Tff7b72= Tff7b72trueTb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3hideMenuTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3isShowingMenu Tff7b72= Tff7b72falseTb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3setDeliveryMethodTb4b4b4(Te6edf3deliveryMethodTb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3$emitTb4b4b4(Ta5d6ff"delivery-method-changed"Tb4b4b4, Te6edf3deliveryMethodTb4b4b4)Tb4b4b4;

Tff7b72thisTb4b4b4.Te6edf3hideMenuTb4b4b4(Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3sendTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3$emitTb4b4b4(Ta5d6ff"send"Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tb4b4b4<Tb4b4b4/Tff7b72scriptTb4b4b4>